/*
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 */

/*
 * Copyright (c) 2014, Joyent, Inc.
 */

@import '__jobs-list';

section.fwrules {
  .fwrules-list-region {
    .widget-content;
  }
  .actions { font-size: 14px;}
  .firewall-toggle-button { display: inline-block; margin-right: 3px;}
}

#page-vm {
  h1 {
    span.type {
      padding: 3px 4px;
      color: #FFF;
      font-weight: normal;
      text-transform: uppercase;
      background: #ccc;
      font-size: 10px;
      margin-top: -10px;
    }
    span.type.core {
      background: #6a6a6a;
    }
    span.type.docker {
      background: #00a8ff;
    }

  }


  #vm-nics {
    .primary { font-size: 10px; color: @brand-success; margin-left: 5px;}
    .mac { font-family: @font-family-monospace;  }
  }
  .jobs-list {
    .__jobs-list;
  }
  .dropdown-menu .delete { color: red; }

  .resource-status {
    .running { background: @brand-success; }
    .failed { background: @brand-danger; }
    .stopped { background: @gray-light; }
  }

  .image-name-version.disabled { color: @gray-light; cursor: pointer; }
  .image-name-version.error { color: @brand-danger; }
  .package-name.error { color: @brand-danger; }

  .change-owner {
    position: absolute;
    text-transform: uppercase;
    font-size: 10px;
    right: 24px;
    top: 6px;
    opacity: 0.3;
    &:hover { opacity: 1; }
  }

  .user-tile-icon { position: absolute; padding: 12px; color: @gray-light; }
  .user-tile {
    .text-center();
    .widget-content;
    padding-top: 22px;
    padding-bottom: 22px;
    .email { font-size: 12px; }

    .login-link {
      display: block;
      font-size: 18px;
      margin-top: 1em;
    }
    .uuid { font-size: 8px; color: @gray-light; }
    .company { color: @gray-light; }
    .user-icon {
      .center-block();
      margin-top: 10px;
      margin-bottom: 10px;
      width: 100px;
      height: 100px;
      border-radius: 50%;
    }
  }

  .overview {
    .table;

    th { padding-left: 13px; }
    tbody {
      th { width: 120px; }
      td .mutate { visibility: hidden; }
      td:hover .mutate { visibility: visible; }
      td>*:first-child { display: inline-block; width: auto; };
    }
    .alias {
      input { margin: 0; padding: 0; }
    }
    .server-hostname { cursor: pointer; }
    .uuid {
      font-size: 8px;
      margin-top: 4px;
      color: @gray-light;
    }

    .datasets {
      font-family: @font-family-monospace;
      color: #888;
      span { display: block; }
    }
    .vm-uuid,
    .server-uuid,
    .owner-uuid,
    .billing-id,
    .image-uuid {
      .uuid;
      .pull-right;
    }
  }
  .snapshots {
    .snapshot-action { color: @brand-danger; }
    .empty { padding: 15px 0; color: @gray-light; text-align: center; }
  }

  .notes-component-container {
    vertical-align: middle;
    display: inline-block;
    .notes-count {
      font-size: 18px;
      padding-top: 4px;
      padding-bottom: 5px;
      padding-left: 10px;
      padding-right: 10px;
    }
  }
  .vm-disk-quota-kvm {
    .details {
      margin: 0 10px; display: inline-block; font-size: 10px; color: #777;
      font-family: @font-family-monospace;
    }
    .img { margin: 0 5px; display: inline-block; }
    .pkg { margin: 0 5px; display: inline-block; }
  }
}
